#include("common.html")
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>澳邮国际商城</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/vant.css">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/filter.css">
    <script type="text/javascript" src="#(tpath)/static/js/jquery.js"></script>
  </head>
  
  <body class="">
    <style type="text/css">@media only screen and (min-width: 320px){ html { font-size: 62.5% !important; } } @media only screen and (min-width: 640px){ html { font-size: 125% !important; } } @media only screen and (min-width: 750px){ html { font-size: 150% !important; } } @media only screen and (min-width: 1242px){ html { font-size: 187.5% !important; } }</style>
    <!-- 样式 S -->
    <style type="text/css">.container .van-search__field{ border-radius:20px; } .brand-content{ padding: 10px 15px; box-sizing: border-box; background-color: #fff; } .brand-img-content{ width: 70px; height: 70px; box-shadow:#DCDCDC 2px 2px 2px 2px; float: left; border-radius: 5px; text-align: center; display: flex; align-items: center; } .brand-img{ width: 100%; height: 100%; } .brand-title{ font-size: 20px; margin-left: 30px; font-weight: 580; float: left; color: #000; } .brand-desc{ margin-top: 10px; font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .brand-desc2{ margin-top: 10px; font-size: 14px; color: #000; } .brand-desc-more{ font-size: 12px; text-align: center; color: #C0C0C0; margin-top: 10px; } .icon-more{ margin-left: 5px; } .brand-goods{ padding: 10px 15px; box-sizing: border-box; background-color: #fff; margin-top: 5px; } .brand-goods-txt{ font-size:14px; font-weight:580; border-bottom:2px solid #000; color: #000; } .goods-img{ width: 100px; height: 100px; } .goods-title{ font-size:14px; font-weight:600; color:#000; text-align: left; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; } .goods-price{ text-align:left; font-size:16px; font-weight:600; color:#eb544d; position: absolute; bottom: 10px; left: 15px; vertical-align:text-bottom; } .goods-content{ padding-top:10px; padding-bottom:60px; padding-left:5px; padding-right:5px; box-sizing: border-box; width: 100%; } .goods-item{ padding: 0px 5px; box-sizing: border-box; margin-bottom: 10px; width: 50%; float: left; } .item-content{ border-radius: 5px; padding: 15px; box-sizing: border-box; text-align: center; height: 225px; position: relative; background-color: #fff; } .goods-desc{ font-size: 12px; color: #A9A9A9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; line-height: 20px; } .null-data{ width: 100%; text-align: center; margin: 5rem auto; font-size: 12px; } .null-txt{ font-size: 14px; color: #d9d9d9; margin-top: 20px; }</style>
    <!-- 内容 -->
    <div id="brand" class="container">
<!--       <div class="van-search van-search--show-action" style="background: rgb(242, 242, 242);">
        <div class="van-cell van-cell--borderless van-field">
          <i class="van-icon van-icon-search van-cell__left-icon">
           
           </i>
         
          <div class="van-cell__value van-cell__value--alone">
            <div class="van-field__body">
              <input type="search" placeholder="搜索品牌内商品" class="van-field__control">
             
             
             </div>
           </div>
         </div>
        <div class="van-search__action">
          <div>取消</div></div>
      </div> -->
      <div class="brand-content">
        <div class="brand-img-content">
          <img class="brand-img" src="#(imageUrl(brand.image))"></div>
        <span class="brand-title">#(brand.name)</span>
        <div style="clear: both;"></div>
        <div class="brand-desc">#(brand.remark)</div>
        <div class="brand-desc-more">
          <span>更多品牌信息</span>
          <i class="icon-more van-icon van-icon-arrow-down">
            <!---->
            <!----></i>
        </div>
      </div>
      <div class="goods-content">
      
      	#for(product : brand.products)
        <div class="goods-item" onclick="location.href='#(product.path)'">
          <div class="item-content">
            <img src="#(imageUrl(product.image))" class="goods-img">
            <div class="goods-title">#(product.name)</div>
            <div class="goods-desc">#(product.weight)</div>
            <div class="goods-price" style="color: rgb(42, 101, 170);">￥ #(product.price)</div>
        </div>
        <div style="clear: both;"></div>
      </div>
        #end
    </div>
    <style>.van-tabbar{ height:55px; padding-bottom: 20px; } .suspend{ width: 100%; height: 100%; position: relative; z-index: 999; background-color: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; } .suspend-content{ width: 244px; height: 55px; position: fixed; top: 70%; z-index: 900; } .suspend-content-left{ width: 44px; height: 40px; background-color: rgba(0,0,0,.6); color: #fff; font-size: 8px; padding: 3px; box-sizing: border-box; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-top: 10px; float: left; } .suspend-icon{ float: left; width: 10px; height: 30px; padding: 5px 0px; margin-right: 3px; font-size: 14px; } .suspend-navigation{ float: left; width: 25px; height: 30px; box-sizing: border-box; font-size: 10px; } .suspend-navigation2{ float: left; width: 25px; height: 30px; padding: 10px 0px; box-sizing: border-box; font-size: 10px; } .suspend-content-right{ width: 200px; height: 60px; background-color: #fff; float: left; border-top-left-radius:5px; border-bottom-left-radius:5px; padding: 15px 10px; box-sizing: border-box; } .suspend-content-right .van-col{ text-align: center; } .suspend-contact{ font-size: 20px; } .suspend-contact-text{ font-size: 10px; transform: scale(0.7); } .wechat-customer .wechat-bg{background:#333;opacity:0.5;width:100%;z-index:999;position:fixed;top:0;bottom:0;} .wechat-customer .wechat-cont{width:12rem;background:#fff;border-radius:5px;position:fixed;top:50%;left:50%;margin-left:-8rem;z-index:999;text-align:center;padding:2rem;margin-top:-10rem;} .wechat-customer .wechat-cont img{width:10rem;height:10rem;} .wechat-customer .wechat-cont .closewindow{position:absolute;right:1rem;top:1rem;} .wechat-customer .wechat-cont .button1{width: 12rem; height: 2rem; line-height: 2rem; border: 0px; margin: 0rem auto 0 auto; color: #999; font-size: 12px;} .wechat-customer .wechat-cont .button2{width:12.1rem;height:2rem;background:#2ba246;color:#fff;border:1px solid #2ba246;margin-top:0.5rem;} .icon-img{ border-radius: 50%; width: 50px; height: 50px; background-color: #fff; border: none; box-shadow: 0px 0px 10px 2px #e5e5e5; margin: -11px auto 0; position:relative; z-index:9999; line-height: 50px; align-items: center; display: table-cell; vertical-align: middle; } .icon-img img{ max-width: 50px; border-radius: 50%; } .van-tabbar-item__icon img{ height: auto; }</style>
    <!-- 底部内容-->
    <div id="footer">
      <!---->
      <div class="van-hairline--top-bottom van-tabbar van-tabbar--fixed" style="z-index: 100;">
        <div class="van-tabbar-item" onclick="location.href='#(base)/'">
          <div class="van-tabbar-item__icon">
            <i class="van-icon van-icon-shop">
              <!---->
              <!----></i>
            <!----></div>
          <div class="van-tabbar-item__text">首页</div></div>
        <div class="van-tabbar-item" onclick="location.href='#(base)/product_category'">
          <div class="van-tabbar-item__icon">
            <i class="van-icon van-icon-search">
              <!---->
              <!----></i>
            <!----></div>
          <div class="van-tabbar-item__text">分类搜索</div></div>
        <div class="van-tabbar-item" onclick="location.href='#(base)/cart/list'">
          <div class="van-tabbar-item__icon">
            <i class="van-icon van-icon-cart">
              <!---->
              <!----></i>
            <div class="van-info" id="cartQuantity"></div>
          </div>
          <div class="van-tabbar-item__text">购物车</div></div>
        <div class="van-tabbar-item" onclick="location.href='#(base)/member'">
          <div class="van-tabbar-item__icon">
            <i class="van-icon van-icon-contact">
              <!---->
              <!----></i>
            <!----></div>
          <div class="van-tabbar-item__text">我的</div></div>
      </div>
    </div>
  </body>

</html>
<script type="text/javascript" src="#(tpath)/static/js/load.js"></script>